@CHARSET "ISO-8859-1";
div {

}

div#header {
 position: relative;
 top: 1em;
 left: 1em;
 right: 1em;
 width: 90%;
}


.menu {
  float: left;
  width: 150px;
  margin-right: 20px;
}

#main {
  float: left;
  overflow: auto; 
  width: 90%;
}


#formInputFields {
 float: left;
 width: 350px;
 margin: 0;
 padding: 1em;
 overflow: auto;
}
#formReferences {
 margin-left: 380px;
 padding: 1em;
}
#formActionButtons {
 clear: both;
}
#footer {
}
#breadCrumb {
  margin: 10px;
}
#breadCrumb .lastItem {
  font-weight: bold;
  font-style: italic;
  color: blue;
}
.cleaner {
 clear:both;
 height:1px;
 font-size:1px;
 border:none;
 margin:0; padding:0;
 background:transparent;
}
body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 80%;
}
h1 {
 background-color: olive;
 margin-top: 0px;
}

table {
 width: 100%;
 padding: 0;
 font-size: 1em;	
}
table.references th {
 background-color: olive;
 border-bottom: 1px solid black;
}
table.references td {
 border-bottom: 1px solid black;
}
table.list th {
 background-color: olive;
 border-bottom: 1px solid black;
 text-align: left;
}
table.list td {
 border-bottom: 1px solid black;
}
.headingCell {
 font-weight: bold;
 white-space: nowrap;
 vertical-align: top;
}
.buttonCell {
 text-align: right;	
}
.idCell {
 width: 1%;
 white-space: nowrap;
 text-align: left;	
}
.actionCell {
 width: 1%;
 white-space: nowrap;
 text-align: right;	
}
.actionCell a {
 margin-left: 0.3em;
 margin-right: 0.3em;
}
.errors {
 color: red;
 font-size: 1em;
}

#formActionButtons {
 text-align: right;	
 width: 95%;
}
.headerButtonContainer {
 position: relative;
}
.manyToManyContainer {
 position: absolute;
 bottom: 1.5em;
 left: 8em;
 background-color: olive;
}

.fieldError {
 color: red;
 display: block;
}
.errorList {
 border: 1px solid red;
 background-color: #FFF4F4;
 padding: 1.5em;
}
.errorList li {
 list-style-type: none;
 color: red;
}

